class Tab {
    constructor(box) {
        /* 最外层的盒子 */
        this.box = document.querySelector(box)
        this.uLis = this.box.querySelectorAll("ul li")
        this.oLis = this.box.querySelectorAll("ol li")
    }
    change() {
        //获取每一个ul>li的元素
        for (let i = 0; i < this.uLis.length; i++) {
            this.uLis[i].addEventListener("click", () => {
                //排他思想实现图片的切换
                for (let j = 0; j < this.uLis.length; j++) {
                    this.uLis[j].classList.remove("active")
                    this.oLis[j].classList.remove("active")
                }
                //给点击的这个添加active样式
                this.uLis[i].classList.add("active")
                this.oLis[i].classList.add("active")
            })
        }
    }
}